import { defineComponent } from "vue";
import style from "./index.module.less";
import close from "./asset/close.png";
export default defineComponent({
  name: "picker-header",
  props: {
    title: {
      type: String,
      required: true,
    },
  },
  emits: ["close"],
  setup(props, { emit }) {
    return () => {
      return (
        <div class={style.header}>
          <span>{props.title}</span>
          <img
            src={close}
            onClick={() => emit("close")}
            class="absolute right-0 top-[15px] bottom-0"
          />
        </div>
      );
    };
  },
});
